# Киносправочник
Тестовое задание компании VK на вакансию [React-разработчик (стажер)](https://www.vseti.app/vakansii/fhdjfdfdjfd7fdidfhdfjd) в проект RuStore.<br>
Киносправочник с популярными фильмами дает возможность пользователю найти популярные и похожие фильмы, и краткую информацию: описание, жанр, длительность, дату выхода и т.п.<br><br>
[Ссылка на GH-Pages](https://nikitalittle.github.io/movie-guide/)<br>
![image](https://github.com/NikitaLittle/movie-guide/assets/120175534/d31e34b3-308b-4be7-83b6-797a0f28d2c4)
## Что сделал:
- организовал масштабируемую структуру проекта;
- настроил вложенный роутинг приложения с помощью React Router;
- сверстал компоненты с корректным отображением в переломных точках на экранах разного разрешения (адаптивная и резиновая верстка);
- написал асинхронные запросы к API [The Movie Database (TMDB)](https://www.themoviedb.org/) на Axios;
- настроил сборку проекта на Vite;
- оформил скролл фильмов с помощью [библиотеки "Swiper"](https://swiperjs.com/);
## Стэк:
- HTML5, CSS Modules, Swiper 11.1;
- React 18, React Router 6.23, Axios 1.6;
## Инструкция по запуску:
1. Склонируйте этот репозиторий в удобное для вас место:<br>
<code>git clone https://github.com/NikitaLittle/movie-guide.git</code>
2. Установите все зависимости:<br>
<code>yarn или npm install</code>
4. Запустите проект:<br>
<code>npm start или yarn start</code>
